.desc-hide {display:none;}
#phone-w, #phone-v {display:none;}

@media only screen and (max-width: 1000px) {
    body {padding-top:50px !important;}
    .center {width:calc(100% - 40px); padding:0px 20px;}
    .mob-show {display:block !important;}
    .desc-hide {display:block;}
    #main-photo-control {width:100%; left:inherit; margin-left:inherit;}
    #main-photo-text {width:calc(100% - 20px); left:10px; top:30px; padding:10px 0px; border-radius:3px; font-size:16px;}
    #main-photo-text h1 {font-size:28px;}
    #main-photo-text div {font-size:21px;}
    #main-photo-list {margin-top:0px;}
    #main-photo-book {width:calc(100% - 30px);}
    #main-gallery-menu {width:calc(100% - 20px);}
    #main-gallery-img img {width:100%;}
    
    #main-plus-right, #YMapsID {width:100%;}
    
    #main-rooms-over-in {overflow:inherit;}
    #main-rooms-over {width:100%; overflow:scroll;}
    
    #main-review-frame {width:100%;}
    .review-text {width:calc(100% - 40px);}
    
    #top-logo-a img {height:50px;}
    #top {display:none;}
    body {padding-top:50px; font-size:16px;}
    .mob-hide {display:none !important;}
    #mob-top {background:#0c1c57 !important; height:50px; position:fixed; top:0px; left:0px; width:100%; z-index:117; padding:0px 0px; display:block;}
    #mob-top-logo {position:absolute; left:10px; top:3px;}
    #mob-top-logo img {height:45px;}
    #top-menu {margin-bottom:0px;}
    #main-photo, #main-photo-list {width:100%; min-height:150px;}
    .mob-cen {padding:0px 20px;}
    .mob-mt20 {margin-top:20px;}
    .mob-mr10 {margin-right:10px !important;}
    .mob-ml10 {margin-left:10px;}
    .mob-ml20 {margin-left:20px;}
    .mob-mt10 {margin-top:10px;}
    .mob-fl {float:left;}
    input {font-size:16px;}
    .mob-cl {clear:left; display:block;}
    #nav7 {display: none;  }
    
    #mob-map {margin:0px auto; width:85%; background:#fff; padding:20px;}
    
    #house-right {width:100% !important;float:inherit !important;}
    
    #left-search {margin-bottom:20px;}
    
    #main-landing {display:none;}
    
    .mob-main-action-box, .main-action-box {position:absolute; right:28% !important; text-align:center; bottom:20px; color:#777; background:#ffffffad; box-shadow:0px 0px 1px 1px #cccccc; padding:10px !important; width:38%;}
    #article-right .main-action-box {bottom:30px !important; right:10px !important; font-size:16px;}
    .action-name {font-size:16px;}
    
    .main-gallery-arr {display:block;}
    
    .hotel-review-comment-frame input, .hotel-review-comment-frame textarea {width:calc(100% - 10px);}
    .hotel-review-comment-frame {float:inherit; width:100%;}
    .hotel-review-submit {width:100%;}
    .hotel-review-photo {width:calc(100% - 20px);}
    
    .hotel-review-rating-left p {font-size:46px;}
    
    .hotel-review-write-voit-slider {width:100%;}
    .hotel-review-input-text, .hotel-review-input-name, .hotel-review-input-title {width:calc(100% - 10px);}
    #review-write-year, #review-write-month {width:80px !important;}
    #hotel-review-write-submit {width:calc(100% - 16px);}
    
    #hotel-review-type-trip div {margin-bottom:30px;}
    
    #main-photo-list, #main-photo {height: inherit !important;}
    
    #mot-top-book {position:absolute; top:0px; right:110px; background:#A88741; width:50px; height:50px;}
    #mot-top-book img {position:relative; top:10px; left:10px; height:30px;}
    #mob-top-locat {position:absolute; top:12px; left:70px;}
    #mob-top-locat img {height:25px;}
    #mob-top-phone {position:absolute; top:10px; right:20px;}
    #mob-top-phone img {height:30px;}
    
    #main-our-plus {width:calc(100% - 40px); padding:10px 20px;}
    .hotel-room-charact div {width:100%;}
    
    .footer-list {margin:20px 0px 0px 0px !important; width:100% !important;}
    #main-photo-book {padding-top:0px;}
    #main-photo-book .fl {margin-top:15px;}
    #main-photo-book .select-list {margin-top:0px;}
    
    #callback-frame, #get-contact {width:calc(100% - 60px); left:10px; margin-left:0px; padding:20px;}
    #get-contact-view {display:none !important;}
    #callback-form input, #callback-form textarea, #get-contact-input input {width:calc(100% - 20px); margin-top:10px; float:inherit;}
    #get-contact-do {float:inherit; width:50% !important; margin-top:20px;}
    
    .mob-phone {position:fixed;  z-index:999; display:block;}
    .mob-phone img {width:50px;}
    #phone-w {right:10px; bottom:5px; opacity:0.8;}
    #phone-v {right:10px; bottom:65px; opacity:0.8;}
    
    #book-left {width:calc(100% - 40px); margin-bottom:20px;}
    
    #book-left .select-list {height:34px;}
    .book-inp-room {width:calc(100% - 40px) !important;}
    .book-date-frame {margin-bottom:20px;}
    
    #room-left {width:100%;}
    #room-links {margin-bottom:40px;}
    #room-photo-img img {min-height:inherit ; max-width:inherit;}
    .mob-overflow-scroll {overflow:scroll;}
    .rooms-room {width:calc(100% - 40px);}
    #rooms-left {width:100%;}
    #left-search-input .date {width:calc(100% - 35px);}
    
    .rooms-room-img img, .rooms-room-img {width:100%; height:inherit;}
    .rooms-room-img {margin-bottom:10px;}
    .rooms-room-info {border-right:none; width:calc(100% - 20px);}
    .rooms-room-info-price2 {width:calc(100% - 20px); margin-bottom:20px;}
    .rooms-room-info-link {width:calc(100% - 10px);}
    
    #review-right {width:calc(100% - 40px);}
    .hotel-review-voit-right {width:calc(100% - 20px);}
    
    #section-right {width:100%;}
    #section-menu {margin-top:20px;}
    #article-right {width:100%;}
    .ymaps {width:100%;}
    
    #under-bg {width:calc(100% - 40px);}
    #under {background:#161f52;}
}

#mob-top-menu-btn {display:none; position:absolute; height:30px; width:30px; padding:10px 10px; top:0px; right:0px; z-index:111;  background:#01b7f2;}

    .menu-icon-toggle {
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 9;
    }
    
    .menu-icon-toggle span {
      display: block;
      width: 100%;
      height: 2px;
      border-radius:5px;
      position: absolute;
      top: 50%;
      background-color: #fff;
      transform: translate(0, -50%);
      transition: opacity 0.3s 0.3s;
    }
    
    .menu-icon-toggle::before, .menu-icon-toggle::after {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      border-radius:5px;
      position: absolute;
      background-color: #fff;
      transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
    }
    .menu-icon-toggle::before {
      top: 6px;
    }
    .menu-icon-toggle::after {
      bottom: 6px;
    }
    .open .menu-icon-toggle span {
      opacity: 0;
      transition: opacity 0.3s;
    }
    .open .menu-icon-toggle::before, .open .menu-icon-toggle::after {
      background-color: #fff;
    }
    .open .menu-icon-toggle::before {
      top: calc(50% - 1px);
      transform: rotate(45deg);
    }
    .open .menu-icon-toggle::after {
      bottom: calc(50% - 1px);
      transform: rotate(-45deg);
    }
    .open .menu-icon-toggle::before, .open .menu-icon-toggle::after {
      transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
    }